<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="telephone=no" name="format-detection">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/common/base.min.css">
    <link rel="stylesheet" href="./css/page/overview.min.css">
    <script src="./js/common/base.min.js"></script>
    <script src=./js/page/jquery.cookie.min.js></script>
    <script src="./js/page/layer.min.js"></script>
    <script>
        var params = "1731585436"
    </script>
    <title>渠道报表</title>
    <style type="text/css">
        .layout-content {
            min-width: 1024px;
            box-sizing: content-box
        }

        .share_list {
            background: url(images/share_img.png) no-repeat 100%;
            background-size: cover;
            height: 240px;
            background-color: #fff;
            float: left;
            min-width: 32%
        }

        .share_list p:first-child {
            font-size: 24px;
            margin: 60px 0 26px 30px;
            color: #282828
        }

        .share_list p:last-child {
            font-size: 30px;
            margin: 0 0 0 30px;
            color: #282828
        }
    </style>
</head>
<body style="background:#edf0f5">
<div class="layout-container">
    <div class="dashbord-loading" id="_loading_mask">
        <!-- <img src="/images/loading.gif"> -->
    </div>
    <div class="layout-header">
      <div class="logo-bar" style="float:left">
        <a style="display:inline-block;width:100%;height:100%" target="_blank" href="./index.html">
                <img src="./img/overview/logo.png" alt="" style="margin-top:11px">
            </a>
      </div>
      <div class="pull-right" style="margin:15px 70px 0 0">
        <!-- <div class="app-apidoc fl"><a href="./copywriting.html" target="_blank">接入指南</a></div> -->
        <div class="app-applist fl"><a href="./application.html">应用管理</a></div>
        <ul class="nav nav-pills">
          <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                  <span id="username"></span>
                  <span class="caret"></span>
                </a>
            <ul class="dropdown-menu">
              <!-- <li><a href="./application.html">应用列表</a></li> -->
              <!-- <li class="divider"></li> -->
              <li><a href="./personal.html">用户信息</a></li>
              <li class="divider"></li>
              <li><a href="javascript:;" id='loginOut'>退出登录</a></li>
            </ul>
          </li>
        </ul>

        <div class="fl apppay-state">免费体验中</div>
      </div>

    </div>
    <div class="layout-menu" id="_menu">
        <div class="menu-app"><p><img id="app_icon" style="width:70px;height:70px"></p>
            <p id="app_name" style="font-size:18px;padding:15px 0 0;margin:0;color:#fff"></p>
            <p style="margin:5px 0 20px;color:#75777b">
                <a href="javascript:;" class="common-tip">
                    <span class="tip-content">appKey是shareinstall平台为每个应用分配的唯一标识符，sdk(Android/iOS/javascript)中需指定这个appKey</span>
                </a>
                <span style="font-size:14px;font-weight:700;color:#c4c4c4">AppKey：</span>
                <span id="app_key" style="color:#c4c4c4;font-size:14px"></span>
            </p>
            <p><a href="./editingApplication.html" class="detail_icon"><img src="./img/overview/i.png" alt="" style="vertical-align:middle;margin-right:8px;position: relative;top:-1px">应用信息</a></p>
        </div>
        <div class="menu-items">
            <div class="menu-item item-5">
                <div class="menu-item-text"><span>应用统计</span></div>
                <div class="menu-child">
                    <div class="subItem-1">
                        <a href="./overview.html" class="load-channel-a" id="my-overview">
                            <span class="icon my-overview my-overview-nor fl"></span>
                            <p class="fl">数据概览</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="menu-item item-1">
                <div class="menu-item-text"><span>应用集成</span></div>
                <div class="menu-child">
                    <div class="subItem-1">
                        <a href="./android.html" class="load-channel-a" id="my-android">
                            <span class="icon my-android fl"></span>
                            <p class="fl"> Android集成</p>
                        </a>
                    </div>
                    <div class="subItem-2">
                        <a href="./ios.html" class="load-channel-a" id="my-ios">
                            <span class="icon my-ios fl"></span>
                            <p class="fl"> iOS集成</p>
                        </a>
                    </div>
                    <div class="subItem-3">
                        <a href="./web.html" class="load-channel-a" id="my-web">
                            <span class="icon my-web fl"></span>
                            <p class="fl">Web集成</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="menu-item item-2">
                <div class="menu-item-text"><span>渠道统计</span></div>
                <div class="menu-child">
                    <div class="subItem-1 active">
                        <a href="./management.html" class="load-channel-a" id="my-qudao1">
                            <span class="icon my-qudao1 fl"></span>
                            <p class="fl">渠道管理</p>
                        </a>
                    </div>
                    <div class="subItem-2">
                        <a href="./comparison.html" class="load-channel-a" id="my-qudao2">
                            <span class="icon my-qudao2 fl"></span>
                            <p class="fl">渠道对比</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layout-content clear" style="min-width: 1300px">
        <div><h2 class="container-title" style="color:#282828;">渠道报表- <span id="reportQid"></span></h2>
            <!-- <div class="depoly-said" style="margin:0 0 15px 30px"><b>提示：</b>老用户请注意，完整的统计功能只在sdk>=2.0.0下可用</div> -->
            <!--总量统计/增长趋势-->
            <div class="clear box">
                <div class="total" id="chart_total" style="width: 674px">
                    <div class="title clear"><p>总量统计</p>
                        <div class="div clear">
                            <!-- <div class="overlay-btn" data-name="exclude" data-value="false">排除重复</div> -->
                            <div class="time">
                                <div class="count_calendar_right date-container" style="margin:0 0 0 20px;line-height:30px;height:32px;float:left">
                                    <span class="glyphicon glyphicon-calendar fa fa-calendar" style="padding-left:10px"></span>&nbsp;
                                    <span class="date-value" id="total"></span>
                                    <span class="caret" style="margin-right:10px"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mainContent first clear">
                        <div class="item" data-type="v">
                            <div class="head">
                                <p>访问量</p>
                                <span class="visit"></span>
                            </div>
                            <div class="neirong" id="J_visit"></div>
                        </div>
                        <div class="item" data-type="i">
                            <div class="head">
                                <p>安装量</p>
                                <span class="install"></span>
                            </div>
                            <div class="neirong" id="J_install"></div>
                        </div>
                        <div class="item" data-type="r">
                            <div class="head">
                                <p>注册量</p>
                                <span class="register"></span>
                            </div>
                            <div class="neirong" id="J_register"></div>
                        </div>
                    </div>
                </div>
                <div class="add-trend" id="chart_add_trend">
                    <div class="title clear"><p>增长趋势</p>
                        <ul class="data_profile">
                            <li class="all active" data-name="platform" data-value="all">all</li>
                            <li class="android" data-name="platform" data-value="android">android</li>
                            <li class="iOS" data-name="platform" data-value="ios">ios</li>
                        </ul>
                        <div class="div clear">
                            <!-- <div class="overlay-btn" data-name="exclude" data-value="false">排除重复</div> -->
                            <div class="time">
                                <div class="count_calendar_right date-container" style="margin:0 0 0 20px;line-height:30px;height:32px;float:left">
                                    <span class="glyphicon glyphicon-calendar fa fa-calendar" style="padding-left:10px"></span>&nbsp;
                                    <span class="date-value" id="trend"></span>
                                    <span class="caret" style="margin-right:10px" ></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mainContent" id="J_trend"></div>
                </div>
            </div>
            <!--活跃趋势-->
            <div class="active-trend" id="chart_active_trend">
                <div class="title clear"><p>活跃趋势</p>
                    <ul class="data_profile">
                        <li class="all active" data-name="platform" data-value="all">all</li>
                        <li class="android" data-name="platform" data-value="android">android</li>
                        <li class="iOS" data-name="platform" data-value="ios">ios</li>
                    </ul>
                    <div class="div clear">
                        <div class="time">
                            <div class="count_calendar_right date-container" style="margin:0 0 0 20px;line-height:30px;height:32px;float:left">
                                <span class="glyphicon glyphicon-calendar fa fa-calendar" style="padding-left:10px"></span>&nbsp;
                                <span class="date-value" id="increase"></span>
                                <span class="caret" style="margin-right:10px"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="btnBox"><a class="active active" data-name="type" data-value="0"
                                       href="javascript:">活跃量</a><a
                        href="javascript:" data-name="type" data-value="1">平均打开次数</a><a href="javascript:"
                                                                                        data-name="type"
                                                                                        data-value="2">平均在线时长（秒）</a>
                </div>
                <div class="mainContent" id="J_increase"></div>
            </div>
            <!--IP分布-->
            <div class="localtion" id="chart_location">
                <div class="title clear"><p>IP分布</p>
                    <ul class="data_profile">
                        <li class="all active" data-name="platform" data-value="">all</li>
                        <li class="android" data-name="platform" data-value="android">android</li>
                        <li class="iOS" data-name="platform" data-value="ios">ios</li>
                    </ul>
                    <div class="div">
                        <!-- <div class="overlay-btn" data-name="exclude" data-value="false">排除重复</div> -->
                        <div class="time">
                            <span class="date-value" id="ipspread"></span>
                        </div>
                    </div>
                </div>
                <div class="contentER">
                    <div class="mainContent" style="float:left;width:800px;height:600px" id="J_ipMap"></div>
                    <div class="localtionList">
                        <div class="btnBox"><a class="active active" data-name="type" href="javascript:"
                                               data-value="0">省份</a><a href="javascript:" data-name="type"
                                                                       data-value="1">城市</a></div>
                        <div class="location_state clear"></div>
                        <div class="location_city clear"
                             style="position:relative;width:504px;height:408px;overflow:auto"><img src="./img/overview/none.png" alt="没有数据" class="" style="width: 48px; height: 68px; position: absolute; top: 50%; left: 50%; margin-left: -34px; margin-top: -34px;"></div>
                    </div>
                    <div style="clear:both"></div>
                </div>
            </div>
            <!--系统版本  品牌/机型-->
            <div class="clear box">
                <div class="version" id="chart_version" style="position:relative">
                    <div class="title clear"><p>系统版本</p>
                        <ul class="data_profile">
                            <li class="android active" data-name="platform" data-value="android">android</li>
                            <li class="iOS" data-name="platform" data-value="ios">ios</li>
                        </ul>
                        <div class="div clear">
                            <!-- <div class="overlay-btn" data-name="exclude" data-value="false">排除重复</div> -->
                            <div class="time">
                                    <span class="date-value" id="sys"></span>
                                </div>
                        </div>
                    </div>

                    <img src="./img/overview/none.png" alt="没有数据" class="none-sysver" style="width:48px;height:68px;position:absolute;top:50%;left:50%;margin-left:-34px;margin-top:-34px;display:none">

                    <div class="mainContent" id='J_systemVersion' style="height:500px"></div>
                </div>
                <div class="brand" id="chart_brand" style="position:relative;margin-left:10px">
                    <div class="title clear"><p>品牌/机型</p>
                        <ul class="data_profile">
                            <li class="android active" data-name="platform" data-value="android">android</li>
                            <li class="iOS" data-name="platform" data-value="ios">ios</li>
                        </ul>
                        <div class="div clear">
                            <!-- <div class="overlay-btn" data-name="exclude" data-value="false">排除重复</div> -->
                            <div class="time">
                                    <span class="date-value" id="branddevice"></span>
                                </div>
                        </div>
                    </div>

                    <img src="./img/overview/none.png" alt="没有数据" class="none-device" style="width:48px;height:68px;position:absolute;top:50%;left:50%;margin-left:-34px;margin-top:-34px;display:none">


                    <div class="mainContent" id='J_getModel' style="height:500px"></div>
                </div>
            </div>

            <div style="background:#fff;width:420px;height:auto;display:none;text-align:center" id="paymentInfo">
                <img src="./img/console/shareinstall.png" alt="" style="padding: 28px 0 10px">
                <p class="pop-appname">Shareinstall</p>
                <div class="pop-status">服务已过期</div>
        
                <a href="./payment.html" class="btn-poppay">去开通服务</a>
            </div>

            <script src="./js/page/moment.min.js"></script>
            <!--<link rel="stylesheet" href="./css/daterangepicker.css?v=70fedaf589">-->
            <script src="./js/page/daterangepicker.min.js"></script>
            <script src="./js/page/echarts.min.js"></script>
            <script src="http://echarts.baidu.com/asset/map/js/china.js"></script>
            <script src="./js/page/sign.min.js" charset="utf-8"></script>
            <script src="./js/page/report.min.js"></script>

        </div>
    </div>
</div>

<div id="J_functionBar" class="functionBar">
    <div class="bar-qq">
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2881355608&amp;site=qq&amp;menu=yes" class="icon icon1" title="点击这里给我发消息">

        </a>
        联系
    </div>
    <!--<div class="bar-code">-->
    <!--<span class="icon icon2">-->

    <!--</span>-->
    <!--关注-->
    <!--</div>-->
    <div class="bar-back" id="J_barBack">
        返&nbsp;回<br>
        顶&nbsp;部
    </div>
</div>
</body>
</html>
